<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>工具集文档 - layui.util</title>
	<link rel="stylesheet" href="../libs/layui/layui-2.9.14/dist/css/layui.css">
	<script src="../libs//layui//layui-2.9.14/dist/layui.js"></script>
	<style>


	</style>
</head>

<body style="margin:100px ;">
	<div id="test"></div>


	<script>


		layui.use('util', function () {
			var util = layui.util;

			//固定块
			util.fixbar({
				bar1: true,
				bar2: true,
				click: function (type) {
					console.log(type);
					if (type === 'bar1') {
						alert('点击了bar1')
					}
				}
			});

			//倒计时
			var endTime = new Date(2099, 1, 1).getTime() //假设为结束日期
				, serverTime = new Date().getTime(); //假设为当前服务器时间，这里采用的是本地时间，实际使用一般是取服务端的

			util.countdown(endTime, serverTime, function (date, serverTime, timer) {
				var str = date[0] + '天' + date[1] + '时' + date[2] + '分' + date[3] + '秒';
				layui.$('#test').html('距离2099年1月1日还有：' + str);
			});

			//其它方法

			/**
			 * 某个时间在当前时间的多久前。 
			 * 参数 time：即为某个时间的时间戳或日期对象 
			 * 参数 onlyDate：是否在超过30天后，只返回日期字符，而不返回时分秒 
			 */
			console.log(util.timeAgo(new Date(2020,7,1), true))

			/*
			转化时间戳或日期对象为日期格式字符 
参数 time：可以是日期对象，也可以是毫秒数 
参数 format：日期字符格式（默认：yyyy-MM-dd HH:mm:ss），可随意定义，如：yyyy年MM月dd日 
			*/
			console.log(util.toDateString(new Date(), "yyyy-MM-dd HH:mm:ss.SSS"))

			/*
			数字前置补零 
参数 num：原始数字 
参数 length：数字长度，如果原始数字长度小于 length，则前面补零，如：util.digit(7, 3) //007 
			*/
			console.log(util.digit(19, 10))

			/**
			 * 转义 xss 字符 
			参数 str：任意字符 
			*/
			console.log(util.escape("http://127.0.0.1:9990/jiang?a=b&b=c<>"));
		});
	</script>
</body>

</html>